<template>
  <div>
    <heads title="刘德换的会诊单"></heads>
    <div class="tabp">
        <router-link to="/assiconsu/assiinformation" :class="['information',{action:red==1}]">会诊信息</router-link>
        <router-link to="/assiconsu/assiLittle"  class="information">
            联盟小助手
            <span></span>
        </router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import heads from "@/components/heads/heads.vue";
export default {
  name: "consu",
  components: { heads },
  data() {
    return {
        red:1
    }
  },
  methods:{
  }
};
</script>

<style lang="less" scoped>
.tabp {
  height: 2.4375rem;
  
}
.information{
        display: block;
        width: 49%;
        float: left;
        display: flex;
        height: 2.4375rem; 
        justify-content: center;
        align-items: center;
        color: #999999;
        font-size: .875rem;
   span{
      position:relative;
      top: .125rem;
      left: .25rem;
      display: inline-block;
      width: .625rem;
      height: .625rem;
      border-radius: 3.125rem;
      background: red;
  }
  }
.action{
    color: #199ed8;
    border-bottom: .125rem solid #0099cc;
}
</style>